<template>
    <div class="content">
        <van-nav-bar :title="title" left-arrow fixed @click-left="onClickLeft" />
        <!-- <div class="content"> -->
            <img class="image" v-for="item,index in list" :src="item" :key="index" alt="">
        <!-- </div> -->
    </div>
</template>
<script>
export default {
    data() {
        return {
            title: '',
            list:[]
        }
    },
    mounted() {
        this.title = this.$route.query.title
        document.title = this.title
        this.list=localStorage.getItem('content').split(',')
    },
    methods: {
        onClickLeft() {
            this.$router.back()
        }
    }
}
</script>
<style lang="scss">
    .van-nav-bar .van-icon {
        color: #333333;
    }

    .van-nav-bar__arrow {
        font-size: 20px;
    }
    .content{
        padding-top: 46px;
    }
    .image{
        width: 100%;
        display: block;
        // padding: 0; /* 去除内边距 */
        // margin: 0; /* 去除外边距 */
    }
</style>